<head>
    <meta charset="UTF-8">
</head>
<body>
    <table style="border: 1px solid black;border-collapse: collapse;">
        <tr>
            <th style="border: 1px solid black;">书名</th>
            <th style="border: 1px solid black;">价格</th>
        </tr>
        <tr  id="row1">
            <td style="border: 1px solid black;">网页工程实训</td>
            <td style="border: 1px solid black;">30.00</td>
        </tr>
        <tr id="row2">
            <td style="border: 1px solid black;">C语言工程实训</td>
            <td style="border: 1px solid black;">32.00</td>
        </tr>
    </table>
    <button id="b1">增加一行</button>
    <button id="b2">删除第二行</button>
    <button>修改标题</button>
    <script>
        var plusDom = document.getElementById("row1");
        var deleteDom = document.getElementById("row2");
        var buttonDom2 = document.getElementById("b2");
        buttonDom2.onclick = function(){
            deleteDom.style.display= 'none';
        }
    </script>

</body>